<template>
<div style="display: flex;flex-wrap: wrap;justify-content: space-around;">
<div v-for="item in userList" style="background-color: white;">
    <div class="user-item">
        <img :src="item.img" alt="" class="user-img">
        <p class="user-post">{{item.post}}</p>
        <p class="user-name">{{ item.name }}</p>
    </div>
    
</div>
</div>
</template>
<script setup>
import {ref} from 'vue';
import {postUser} from '../api/index.js'
const userList = ref([])
postUser('https://d941b892-db01-4b40-b8ac-4dd0901f822f.bspapp.com/apis/wuye/person/pub/getList').then(res=>{
			console.log(res.data.rows)
            userList.value = res.data.rows
		})
		.catch(err=>{
			console.log(err)
		})
</script>
<style scoped>
.user-item{
    width: 175px;
    height: 230px;
    /* border: 1px solid black; */
    text-align: center;
}
.user-img{
    width: 165px;
    height: 165px;
    border-radius: 50%;
}
.user-post{
    font-size: 14px;
    text-align: center;
}
.user-name{
    color: #8fc0ff;
    text-align: center;
    font-size: 14px;
}
</style>